.mapboxgl-map {
    font-size: 16px;
}

.map-pop-style {
    .mapboxgl-popup-content {
        padding: 0 !important;
        background: transparent !important;
    }

    .mapboxgl-popup-tip {
        border-top-color: rgb(16, 208, 160) !important;
        visibility: hidden !important;
    }
}

.map-tooltip-style {
    .mapboxgl-popup-content {
        background: #000 !important;
        font-size: 18px;
        border-radius: 4px;
        padding: 8px 10px !important;
    }
    .mapboxgl-popup-tip {
        border-top-color: #000 !important;
    }
}

.mapbox-tooltip {
    .mapboxgl-popup-content {
        background: linear-gradient(
            360deg,
            rgba(22, 53, 91, 0.6) 0%,
            rgba(6, 62, 92, 0.9) 100%
        ) !important;
    }
    .mapboxgl-popup-tip {
        border-bottom-color: rgba(22, 53, 91, 0.6) !important;
        border-top-color: rgba(22, 53, 91, 0.6) !important;
    }
}

.initial-mapbox-popup {
    .mapboxgl-popup-content {
        background: none;
        padding: 0 !important;
    }
    .mapboxgl-popup-tip {
        border-color: transparent;
    }
}
